<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<!-- 表单控件 -->
			<input type="text" v-model="a"/><span>{{a}}</span>
			<input type="checkbox" v-model="b"/><span>{{b}}</span>
			<select v-model="msg">
				<option value="上海">上海</option>
				<option value="北京">北京</option>
				<option value="广州">广州</option>
			</select>
			<span>{{msg}}</span>
			<input type="radio" name="sex" value="男" v-model="sex" />
			<input type="radio" name="sex" value="女" v-model="sex" />
			<input type="radio" name="sex" value="保密" v-model="sex" />
			<span>{{sex}}</span>
		</div>
	</body>
	<script src="../vue.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		let vm = new Vue({
			el:"#app",
			data:{
				a:"hello",
				b:true,
				msg:"",
				sex:""
			}
		})
	</script>
</html>
